<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="/asserts/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/asserts/css/bootstrap-datetimepicker.min.css"/>

    <script type="text/javascript" src="/asserts/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="/asserts/js/bootstrap.min.js"></script>

    <style>
        body {
            background: url(/asserts/images/bg.jpg) no-repeat;
            background-size: 100% auto;
        }
    </style>

</head>
<body>

<div class="container" id="top">
    <div class="row" style="margin-top: 280px; ">
        <div class="col-md-8"></div>
        <div class="col-md-4" id="login-box">
            <form class="form-horizontal" role="form" action="/user/login" id="from1"
                  method="post">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label">账&nbsp;&nbsp;&nbsp;号：</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" id="id" placeholder="请输入账号" name="name" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="lastname" class="col-sm-3 control-label">密&nbsp;&nbsp;&nbsp;码：</label>
                    <div class="col-sm-9">
                        <input type="password" class="form-control" id="password" placeholder="请输入密码"
                               name="password" required>
                    </div>
                </div>
                <!--错误信息-->
                <p style="color:red;" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
                <div>
                    <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox1" value="option1" style="float:right">记住账号
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox2" value="option2" style="float:right">记住密码
                    </label>

                </div>


                <div class="form-group pull-left" style="margin-right: 15px;">
                    <div class="col-md-4">
                        <button onclick="registerMadel()" type="button" class="btn btn-default btn-info "
                                style="width:295px">还没有账号？点我注册
                        </button>
                    </div>

                </div>

                <div class="form-group pull-left" style="margin-right: 15px;">
                    <div class="col-md-4">
                        <button onclick="registerMadel()" type="button" class="btn btn-default btn-info"
                                style="width:100px">管理员
                        </button>
                    </div>
                </div>
                <div class="form-group pull-right" style="margin-left: 15px;">
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-default btn-info"
                                style="width:100px">会议端登入
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

</body>
</html>